<#include "_layout.html"/>
<@layout>
<section id="blog" class="padding-bottom">
	<div class="container">
		<div class="row">
			<div class="timeline-blog overflow padding-top">
				<div class="timeline-date text-center">
					<a href="#" class="btn btn-common uppercase">2016</a>
				</div>
				<div class="timeline-divider overflow padding-bottom">
					<div class="col-sm-6 padding-right arrow-right wow fadeInLeft" data-wow-duration="1000ms" data-wow-delay="300ms">
						<div class="single-blog timeline">
							<!--<div class="single-blog-wrapper">-->
								<!--<div class="post-thumb">-->
									<!--<img src="${CTPATH}/imagesblog/timeline/1.jpg" class="img-responsive" alt="">-->
									<!--<div class="post-overlay">-->
										<!--<span class="uppercase"><a href="#">14 <br><small>Feb</small></a></span>-->
									<!--</div>-->
								<!--</div>-->
							<!--</div>-->
							<div class="post-content overflow">
								<h2 class="post-title bold">盘子酱网站上线</h2>
								<h3 class="post-author"><a>历时三个月的准备盘子酱闪亮上线~</a></h3>
								<p></p>
								<div class="post-bottom overflow">
									<span class="post-date pull-left">2016.11.1</span>
									<span class="comments-number pull-right"><a href="#"></a></span>
								</div>
							</div>
						</div>
					</div>
					<div class="col-sm-6 padding-left padding-top arrow-left wow fadeInRight" data-wow-duration="1000ms" data-wow-delay="300ms">
						<div class="single-blog timeline">
							<!--<div class="single-blog-wrapper">-->
								<!--<div class="post-thumb">-->
									<!--<img src="${CTPATH}/imagesblog/timeline/2.jpg" class="img-responsive" alt="">-->
									<!--<div class="post-overlay">-->
										<!--<span class="uppercase"><a href="#">14 <br><small>Feb</small></a></span>-->
									<!--</div>-->
								<!--</div>-->
							<!--</div>-->
							<div class="post-content overflow">
								<h2 class="post-title bold">HTTPS</h2>
								<h3 class="post-author"><a>得知,苹果要求2017年所有iOS应用必须支持ATS安全标准，将强制使用HTTPS安全连接；为了安全，全站上HTTPS</a></h3>
								<p></p>
								<div class="post-bottom overflow">
									<span class="post-date pull-left">2016.12.3</span>
									<span class="comments-number pull-right"><a href="#"></a></span>
								</div>
							</div>
						</div>
					</div>
					<!--<div class="col-sm-6 padding-right arrow-right wow fadeInLeft" data-wow-duration="1000ms" data-wow-delay="300ms">-->
						<!--<div class="single-blog timeline">-->
							<!--<div class="single-blog-wrapper">-->
								<!--<div class="post-thumb">-->
									<!--<iframe src="https://player.vimeo.com/video/95995577"></iframe>-->
								<!--</div>-->
							<!--</div>-->
							<!--<div class="post-content overflow">-->
								<!--<h2 class="post-title bold"><a href="blogdetails.html">Advanced business cards design</a></h2>-->
								<!--<h3 class="post-author"><a href="#">Posted by micron News</a></h3>-->
								<!--<p>Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber [...]</p>-->
								<!--<a href="#" class="read-more">View More</a>-->
								<!--<div class="post-bottom overflow">-->
									<!--<span class="post-date pull-left">February 11, 2014</span>-->
									<!--<span class="comments-number pull-right"><a href="#">3 comments</a></span>-->
								<!--</div>-->
							<!--</div>-->
						<!--</div>-->
					<!--</div>-->
				</div>
			</div>

			<div class="timeline-date text-center">
			<a href="#" class="btn btn-common">这不是终点~</a>
			</div>


			<!--<div class="timeline-blog overflow">-->
				<!--<div class="timeline-date text-center">-->
					<!--<a href="" class="btn btn-common uppercase">2016.12</a>-->
				<!--</div>-->
				<!--<div class="timeline-divider overflow padding-bottom">-->
					<!--<div class="col-sm-6 padding-right arrow-right wow fadeInLeft" data-wow-duration="1000ms" data-wow-delay="300ms">-->
						<!--<div class="single-blog timeline">-->
							<!--<div class="single-blog-wrapper">-->
								<!--<div class="post-thumb">-->
									<!--<img src="${CTPATH}/imagesblog/timeline/3.jpg" class="img-responsive" alt="">-->
									<!--<div class="post-overlay">-->
										<!--<span class="uppercase"><a href="#">14 <br><small>Feb</small></a></span>-->
									<!--</div>-->
								<!--</div>-->
							<!--</div>-->
							<!--<div class="post-content overflow">-->
								<!--<h2 class="post-title bold"><a href="blogdetails.html">Advanced business cards design</a></h2>-->
								<!--<h3 class="post-author"><a href="#">Posted by micron News</a></h3>-->
								<!--<p>Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber [...]</p>-->
								<!--<a href="#" class="read-more">View More</a>-->
								<!--<div class="post-bottom overflow">-->
									<!--<span class="post-date pull-left">February 11, 2014</span>-->
									<!--<span class="comments-number pull-right"><a href="#">3 comments</a></span>-->
								<!--</div>-->
							<!--</div>-->
						<!--</div>-->
					<!--</div>-->
					<!--<div class="col-sm-6 padding-left padding-top arrow-left wow fadeInRight" data-wow-duration="1000ms" data-wow-delay="300ms">-->
						<!--<div class="single-blog timeline">-->
							<!--<div class="single-blog-wrapper">-->
								<!--<div class="post-thumb">-->
									<!--<img src="${CTPATH}/imagesblog/timeline/4.jpg" class="img-responsive" alt="">-->
									<!--<div class="post-overlay">-->
										<!--<span class="uppercase"><a href="#">14 <br><small>Feb</small></a></span>-->
									<!--</div>-->
								<!--</div>-->
							<!--</div>-->
							<!--<div class="post-content overflow">-->
								<!--<h2 class="post-title bold"><a href="blogdetails.html">Advanced business cards design</a></h2>-->
								<!--<h3 class="post-author"><a href="#">Posted by micron News</a></h3>-->
								<!--<p>Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber [...]</p>-->
								<!--<a href="#" class="read-more">View More</a>-->
								<!--<div class="post-bottom overflow">-->
									<!--<span class="post-date pull-left">February 11, 2014</span>-->
									<!--<span class="comments-number pull-right"><a href="#">3 comments</a></span>-->
								<!--</div>-->
							<!--</div>-->
						<!--</div>-->
					<!--</div>-->
				<!--</div>-->
				<!--<div class="timeline-date text-center">-->
					<!--<a href="#" class="btn btn-common">这不是终点~</a>-->
				<!--</div>-->
			<!--</div>-->
		</div>
	</div>
</section>
</@layout>
